<template>
  <main class="cards">
    <header class="cards_header" id="cards_header">{{title}}</header>
    <main class="cards_body">
      <slot></slot>
    </main>
  </main>
</template>

<script>
  export default {
    name: "viewCard",
    props: ["title"],
    data() {
      return {
      }
    },
    mounted(){
      let data = document.getElementsByClassName('cards_header');
      for (let item of data) {
        item.style.backgroundImage = 'url(' + require('../../assets/images/line1.png') + '),url(' + require('../../assets/images/line2.png') + ')';
      }
    }
  }
</script>

<style scoped>

</style>
